In [1]:
%%HTML
<html>
<head>
<style>
.myclass {
color: magenta;
font-weight: 900;
background-color: lime;
}
</style>
</head>
</body>
<h1 style="color: red; font-size: 100px;">Hello !</h1>
<p>This is some text</p>
<p><em>This is another paragraph</em></p>
<p class="myclass"> Here is some <br/> text and <span style="color: green;">some colored text</span> and some more text.</p>
<p>This is the website of the <a href="http://www.math.buffalo.edu" title="UB Math" target="blank_">Math Department</a></p>
<h2 class="myclass">List</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 2</li>
</ul>
<h2>Grade Table</h2>
<table>
<tr>
<th>Name</th>
<th>Exam Score</th>
<th>Grade</th>
</tr>
<tr>
<td>John</td><td>90</td><td>A</td>
</tr>
<tr>
<td>Mary</td><td>72</td><td>B-</td>
</tr>
<tr>
<td>Bob</td><td>60</td><td>C+</td>
</tr>
</table>
<img src="https://picsum.photos/200" alt="a picture" width="200" height="300">
</body>
</html>
Hello !
This is some text
This is another paragraph
Here is some
text and some colored text and some more text.
This is the website of the Math Department
List
- Item 1
- Item 2
- Item 2
Grade Table
| Name | Exam Score | Grade |
|---|---|---|
| John | 90 | A |
| Mary | 72 | B- |
| Bob | 60 | C+ |